﻿<!DOCTYPE html>
<html>
<head>
	<title>@ViewBag.Title</title>
	<link href="@Url.Content("~/Content/subnav.css")" rel="stylesheet" type="text/css" />
	<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
  <link href="../../Scripts/jQuery/themes/Redmond/jquery.ui.all.css" rel="stylesheet"
    type="text/css" />
	<script src="../../Scripts/jquery-1.5.1.js"></script> 
	<script src="../../Scripts/jQuery/ui/jquery.ui.position.js"></script> 
	<script src="../../Scripts/jQuery/ui/jquery.ui.core.js"></script> 
	<script src="../../Scripts/jQuery/ui/jquery.ui.widget.js"></script> 
	<script src="../../Scripts/jQuery/ui/jquery.ui.mouse.js"></script> 
	<script src="../../Scripts/jQuery/ui/jquery.ui.draggable.js"></script> 
	<script src="../../Scripts/jQuery/ui/jquery.ui.droppable.js"></script> 
	<script src="../../Scripts/jQuery/ui/jquery.ui.resizable.js"></script> 
	<script src="../../Scripts/jQuery/ui/jquery.ui.dialog.js"></script> 
	<script src="../../external/jquery.bgiframe-2.1.2.js"></script> 
  <script src="../../Scripts/jQuery/ui/jquery.ui.tabs.js" type="text/javascript"></script>
	<script src="../../Scripts/jQuery/ui/jquery.ui.sortable.js" type="text/javascript"></script>
  <script src="../../Scripts/jQuery/ui/jquery.ui.accordion.js" type="text/javascript"></script>
  <script src="../../Scripts/jQuery/ui/jquery.ui.button.js" type="text/javascript"></script>
  <script type="text/javascript">

	$(document).ready(function () {

			$("ul#topnav li").hover(function () { //Hover over event on list item
				$(this).css({ 'background': '#1376c9 url(Content\topnav_active.gif) repeat-x' }); //Add background color + image on hovered list item
				$(this).find("span").show(); //Show the subnav
			}, function () { //on hover out...
				$(this).css({ 'background': none }); //Ditch the background
				$(this).find("span").hide(); //Hide the subnav
			});

		});
	</script>
</head>
<body>

	


	<div class="page">
		<div id="header">
			<table>
				<tr>
					<td style="min-width: 400px">
						<div id="title">
							<h1>
								Stamps for Africa</h1>
						</div>
					</td>
				</tr>
			</table>
			<ul id="topnav">

        <li>@Html.ActionLink("News", "Index", "News") 
        </li>
        <li><a href="#">Home</a>
        <span>
				@Html.ActionLink("My Stamps", "Index", "MyStamps") |
					@Html.ActionLink("My Albums", "Index", "MyAlbums")
					</span>
        </li>				
				<li><a href="#">Stamps</a> <span>					
					@Html.ActionLink("Search", "SearchStamps", "Stamps") |
					@Html.ActionLink("Browse", "Index", "Stamps") |
          @Html.ActionLink("Artists", "Index", "Artists") | 
					<a href="#">Countries</a> | </span></li>
				<li><a href="#">Management</a> 
					<span>
						@Html.ActionLink("Management Home", "Index", "Management") |
						@Html.ActionLink("Stamps", "Index", "ManageStamps") |						
						@Html.ActionLink("Countries", "Index", "Countries") |						
						@Html.ActionLink("Categories", "Index", "Category") | 
            @Html.ActionLink("Series", "Index", "Series") | 
						@Html.ActionLink("Artists", "Index", "Artists") | 
						@Html.ActionLink("Catalogues", "Index", "Catalogue") | 
						@Html.ActionLink("Stamp Types", "Index", "Type") |
            @Html.ActionLink("Watermarks", "Index", "Watermark") | 
						@Html.ActionLink("Paper types", "Index", "Paper")
					</span>
				</li>
				<li><a href="#">Contact</a></li>
        <li><a href="#">About</a> <span>
					@Html.ActionLink("Stamps for Africa", "About", "Home") | <a href="#">The initiative</a>
					| </span>
        </li>

        @if(Request.IsAuthenticated) {
          <li>
            @Html.ActionLink("Log Off", "LogOff", "Account")
          </li>
        }
        else {
          <li>
            @Html.ActionLink("Log On", "LogOn", "Account")
          </li>
        }

        
        
			</ul>
		</div>
		<div id="main">
			@RenderBody()
		</div>
		<div id="footer">
		</div>
	</div>
</body>
</html>
